<!--
一个简单的 markdown 编辑器。
-->
<template>
    <div class="main">
        <div class="makd">
            <!-- <textarea class="input" v-model="input"></textarea> -->
            <input type="text" v-model="input" class="55">
            <p>{{ input }}</p>
        </div>
        <div class="htt">{{ output }}</div>
    </div>

</template>
<script lang="ts" setup>
import { ref, computed } from 'vue'
// import { debounce } from 'lodash'

const input = ref('# hellpw')
const output = computed((e: any) => {
    input.value = e

})

</script>
<style>
textarea {
    padding: 0;
    border: none;
}

.main {
    display: flex;
}

.main .makd {
    width: 50%;
    height: 500px;
    /* border: 1px solid blue; */
}

.main .makd .input {
    width: 100%;
    height: inherit;
    background: #ddd;
}

.main .htt {
    width: 50%;
    border: 1px solid gold;
}
</style>